<!--
 * @Author: your name
 * @Date: 2021-09-15 10:18:13
 * @LastEditTime: 2021-09-16 14:27:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \bigdate\src\views\admin\planuser\components\pieEchart.vue
-->
<template>
    <div>
        <V-echart
            :tag="tags"
            title="加载时间统计"
            :loading="loading"
            :datas="option"
            height="300px"
        ></V-echart>
    </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import VEchart from '../../../../components/echarts/EchartsTEmp.vue'
import type { PropType } from 'vue'
import { homeline } from '../../../../mock/echartdatas'

interface DatasType<T = any> {
  allTime: T;
  domTime: T;
}
const props = {
    load: Boolean,
    datas: Object as PropType<DatasType<Number>>,
    tag: String,
}
export default defineComponent({
    name: 'LineEchart',
    components: {
        VEchart,
    },
    props,
    setup() {
        let loading = ref()
        loading.value = true
        setTimeout(() => {
            loading.value = false
        }, 1000)
        let option = ref()
        let tags = ref()
        tags.value = '本周测试'
        option.value = homeline

        return {
            option,
            tags,
            loading,
        }
    },
})
</script>

<style></style>
